<template>
  <div>
    <el-container>
      <Aside :isCollapse="isCollapse"/>
      <el-container style="display: flex;flex-direction: column">
        <Header :isCollapse.sync="isCollapse"/>
        <Main/>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import Aside from "@/components/Aside.vue";
import Header from "@/components/Header.vue";
import Main from "@/components/Main.vue";
export default {
  // eslint-disable-next-line vue/multi-word-component-names
  name: 'Home',
  data() {
    return {
      isCollapse: false,
      tableData: [],
      collapseIcon: 'el-icon-s-fold',
      asideWidth: '200px'
    }
  },
  components:{
    Main,
    Header,
    Aside
  },
  methods: {

  }
};
</script>
<style scoped>

</style>
